node vue
Jinkey原创感谢 showonne、yubang 技术指导Demo 地址:http://demo.jinkey.io/vue2源码:https://github.com/Jinkeycode/vue2-exampleVue2 教程：https://www.runoob.com/vue2/vue-tutorial.html什么是 VueVue 是一个前端框架，特点是数据绑定比如你改变一个输入框 Input 标签的值，会自动同步更新到页面上其他绑定该输入框的组件的值...
2024-01-10
vue.js npm安装图解
首先理清nodejs和npm的关系：node.js是javascript的一种运行环境，是对Google V8引擎进行的封装。是一个服务器端的javascript的解释器。包含关系，nodejs中含有npm，比如说你安装好nodejs，你打开cmd输入npm -v会发现出啊线npm的版本号，说明npm已经安装好。引用大神的总结:其实npm是nodejs的包管理器（package manager...
2024-01-10
nodejs 跑 vue项目
nodejs 跑 vue项目2018年07月10日 10:24:19 qq_41588568 阅读数：1805原文章链接：https://www.jianshu.com/p/4f744c935e1c这是我看着大神的文章自己摸索着学习nodejs的，以免以后自己忘记，就记一下笔记。1，首先安装node.js从node.js官网下载并安装node，安装过程比较简单，基本一致下一步就可以了https://nodejs.org/en/downl...
2024-01-10
vue 引入本地json的方法
当前需要使用的组件： 1 import data from './test.json' 2 export default{ 3 data(){ 4 return{ 5 userinform: '' 6 } 7 }, 8 mounted(){ 9 this.userinform = data10 }11 }test.json就是普通json格式就可以了！然后完美解决！后台服务器请求json方式：1 t...
2024-01-10
vue 配置App.js
//注册全局filters函数//app.js import * as filters from './filters' // 全局filter //注册全局工具过滤器 Object.keys(filters).forEach(key=>{ Vue.filter(key,filters[key]) })//filters.jsexport function nFormatter(num, digits) { //...}export function html2Text(val) { ...
2024-01-10
vue中json文件的使用
在vue中如何做到在前端将json对象转为json文件传给后端，后端将json文件存在服务器中。能有代码最好，或者给个思路也可以。回答：直接前端传json字符串, 然后后端接收整个提交内容, 直接保存成文件不就行了么?回答：好吧，最近刚好做了个小项目，有类似的功能：发起请求：https://github.com/meathill/f...接受请求并处理：https://github.com/m...
2024-02-24
vue seo 优化
预渲染prerender-spa-plugin如果你只是用来改善少数营销页面（例如 /, /about, /contact 等）的 SEO，那么你可能需要预渲染。无需使用 web 服务器实时动态编译 HTML，而是使用预渲染方式，在构建时 (build time) 简单地生成针对特定路由的静态 HTML 文件。优点是设置预渲染更简单，并可以将你的前端作为一个完全...
2024-01-10
vue props 出现延迟?
// 弹窗组件props: { // 接收的这个值 type: { type: String, default: "edit", }},// 这是弹窗中 的代码 监听 弹窗 开启关闭的watch: { /** * 表格弹框监听 * */ async dialogVis...
2024-03-13
vue 处理后台请求json数据，并渲染
后台传给前台的json数据格式，这里原本只是传list数据给后台，因为需要分页，所以用pageInfo包了一下，成了json格式：{ "data": { "endRow": 1, "firstPage": 1, "hasNextPage": false, "hasPreviousPage": false, "isFirstPage": true, "isLastPage": true, "lastPage": 1, "list": [ { ...
2024-01-10
vue 请求本地json文件出现的问题
本地调试 this.$axios.get("http://localhost:8080/static/sichuan.json").then(geoJson => {})这是请求四川的json地图文件，这个使用echarts中取 的四川数据，本地直接 就是8080直接调试就行 上线怎么搞 this.$axios.get(this.jsonUrl+'/static/sichuan.json').then(geoJson => {}）vue打包之后是index.html和static文件夹 所以我们直接...
2024-01-10v-for vue.js中的条件？
我想在下面的代码中避免image值。 image是property的关键。我怎样才能做到这一点 ？v-for vue.js中的条件？<tbody> <tr v-for="obj in data" :id="obj.id"> <td v-for="property in obj">{{property}}</td> </tr> </tbody> 回答：让我们一探究竟：v-for with an Object，v-for with v-if。<td v-for="(value, pro...
2024-01-10
vue 组件开发 props 验证
在Vue中父组件向子组件中传送数据是通过props实现的，一个简单的使用props的例子： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Vue Study</title> 6 </head> 7 <body> 8 9 <div >10 <foo-component :foo-message="fooMessage"></foo-component> 11 </...
2024-01-10
组件封装使用，vue 实现json 编辑器
依赖：npm install vue-codemirror可能遇到错误npm install file npm install system 子组件封装components.vue <template> <codemirror class="code-dec" ref="jsonEditor" v-model="jsondata" :options="options" style=...
2024-01-10vue v-on监听事件详解
在html或jsp页面中我们总能碰到监听DOM事件来触发javaScript代码，下面我们就简单聊聊Vue.js中的监听事件是怎么处理的。在vue.js中监听事件是通过v-on指令来实现的，先看一下简单的监听事件代码。<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="vue.js"></script></hea...
2024-01-10vue配置请求本地json数据的方法
本篇文章主要介绍了vue配置请求本地json数据的方法，分享给大家，具体如下：在build文件夹下找到webpack.dev.conf.js文件，在const portfinder = require('portfinder')后添加const express = require('express')const app = express()const appData = require('../data.json') // 加载本地json文件const seller = appData.seller /...
2024-01-10
openlayers集成到vue开发
openlayer初步加载地图vue项目搭好后，直接用node js安装ol, 安装好后可以看看安装的版本；我用的是5..2的版本 然后看官网相对应版本的文档，都是英文文档;官方文档： http://openlayers.org/en/latest/apidoc/ 然后引入所需要的js; 先加载出地图： ...
2024-01-10
node.Js 创建vue 遇到问题
npm Error: Cannot find module有可能是路径错误。你看下看看他输入的路径是不是没有找到vue 模块用下面的语句设置nodjs默认路径npm config set prefix "D:\nodejs\node_global"npm config set cache "D:\nodejs\node_cache"npm list -global看路径是否改变升级VUenpm install -g @vue/cli --force 升级时需要加--force否则无法升级成功 with --...
2024-01-10
node.js如何充分利用多核cpu
目录概述node.js充分利用多核cpu的方法Node创建子进程的4种方式概述Nodejs是基于chrome浏览器的V8引擎构建的，也就说明它的模型与浏览器是类似的。我们的JavaScript会运行在单个进程的单个线程上。但是V8引擎的单进程单线程并不是完美的结构，现如今CPU基本上都是多核的。真正的服务器往往有好几个CPU...
2024-01-10
请问vue+jsonp适用于什么情况的跨域？
第一种情况：这个开源接口用起来没有问题第二种情况：报错：408第三种情况：接口最终获得的数据是jsonp格式请赐教如何处理，不胜感激。<template><div id="hello"></div></template><script>export default { name: 'HelloWorld', mounted: function () { //...
2024-03-09
vue再页面渲染json数据时没有显示
对象点属性不能获取数据。原因:在创建数据对象时我使用了k,v方式：tempMap['category '] = this.category[i].label如果在创建数据时使用的k,v方式，那么在页面渲染数据时用 item['category ']的方式获取，如果用点属性的方式创...
2024-01-10
js 彻底搞懂事件循环机制 Event Loop
我们都知道JavaScript是单线程语言,就是因为单线程的特性，就不得不提js中的同步和异步一、同步和异步所谓单线程，无非就是同步队列和异步队列，js代码是自上向下执行的，在主线程中立即执行的就是同步任务，比如简单的逻辑操作及函数，而异步任务不会立马立马执行，会挪步放到到异步队列中...
2024-01-10浅谈Vue.js中的v-on(事件处理)
Vue.js的事件处理监听事件我们可以用 v-on 指令监听 DOM 事件来触发一些 JavaScript 代码。<div class="box"> {{msg}} <input type="button" value="按钮" v-on:click="msg+=1"/></div>var vm = new Vue({ el:".box", data:{ msg:1 },})结果方法事件处理器许多事件处理的逻辑都很复杂，所以直接把 JavaScript 代码写在 v-on 指令...
2024-01-10
vue props中三目运算符为啥不生效
如题,label显示出来一直是"2测试false"<FormFilter ref="filter" :config="config"> // 使用config配置的组件</FormFilter> data() { return { drawer: false, drawers_s: false, titleChange: true, ...
2024-03-13详解如何在Vue项目中发送jsonp请求
起因公司临时要支撑河南的一个项目，做一个单点登录的功能。简单来说，就是以下3步客户方点击某个按钮进入我们的页面a在页面a中由前端发送一个jsonp请求到客户方，得到一个token值前端得到token值后向自己后端发送一个请求，后端根据token去redis(token的值就是redis里的key)里取值(key=token的值，...
2024-01-10
